<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height: 100%"></div>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=w2ix5B3YHo2HBKSQlK7QRNdxnL9yA6NT&__ec_v__=20190126"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
      // '检修公司','集安市供电公司','柳河县供电公司','通化市城郊供电公司','信息通信分公司','检修分公司','辉南县供电公司','梅河口市供电公司','长春市城郊供电分公司','松原市城郊供电公司',
        data: ['检修公司','集安市供电公司','柳河县供电公司','通化市城郊供电公司','信息通信分公司','检修分公司','辉南县供电公司','梅河口市供电公司','长春市城郊供电分公司','松原市城郊供电公司']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['2017-01-01','2017-02-01','2017-03-01','2017-04-01','2017-05-01','2017-06-01','2017-07-01','2017-08-01','2017-09-01','2017-10-01','2017-11-01','2017-12-01','2018-01-01','2018-02-01','2018-03-01','2018-04-01','2018-05-01','2018-06-01','2018-07-01','2018-08-01','2018-09-01','2018-10-01','2018-11-01','2018-12-01','2019-01-01','2019-02-01','2019-03-01','2019-04-01','2019-05-01','2019-06-01','2019-07-01']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '检修公司',
            type: 'line',
            stack: '总量',
            data: [14, 34, 44, 95, 95, 126, 137, 175, 100, 84, 98, 49, 20, 3, 13, 3, 4, 3, 17, 8, 2, 10, 8, 4, 14, 5, 4, 8, 2, 8, 2]
        },
        {
            name: '集安市供电公司',
            type: 'line',
            stack: '总量',
            data: [3, 10, 6, 13, 52, 71, 128, 112, 81, 16, 0, 0, 2, 5, 9, 8, 1, 1, 25, 2, 4, 0, 1]
        },
        {
            name: '柳河县供电公司',
            type: 'line',
            stack: '总量',
            data: [4, 5, 6, 13, 39, 70, 1, 15, 147, 138, 38, 0, 0, 0, 20, 8, 1, 9, 14, 1, 3, 0, 0, 1]
        },
        {
            name: '通化市城郊供电公司',
            type: 'line',
            stack: '总量',
            data: [3, 4, 5, 5, 13, 39, 69, 77, 124, 111, 18, 0, 0, 4, 2, 1, 2, 0, 11, 8, 9, 6, 3, 2, 0, 0, 1]
        },
        {
            name: '信息通信分公司',
            type: 'line',
            stack: '总量',
            data: [4, 0, 2, 1, 79, 38, 84, 39, 24, 24, 24, 24, 18, 0, 6, 12, 6, 12, 12, 12, 6, 6, 12, 6, 13, 6, 12, 0, 0, 0, 6]
        },
        {
            name: '检修分公司',
            type: 'line',
            stack: '总量',
            data: [1, 20, 4, 22, 39, 40, 36, 40, 39, 71, 75, 50, 9, 0, 0, 2, 1, 1, 1, 2, 0, 2, 0, 0, 0, 6, 2, 0, 0, 0, 2]
        },
        {
            name: '辉南县供电公司',
            type: 'line',
            stack: '总量',
            data: [8, 4, 5, 12, 27, 70, 41, 63, 57, 23, 0, 0, 9, 14, 1, 4, 11, 7, 10, 1, 1, 1, 3, 1]
        },
        {
            name: '梅河口市供电公司',
            type: 'line',
            stack: '总量',
            data: [4, 8, 6, 13, 30, 113, 34, 17, 19, 32, 6, 0, 0, 0, 17, 3, 4, 1, 16, 13, 2, 0, 2]
        },
        {
            name: '长春市城郊供电分公司',
            type: 'line',
            stack: '总量',
            data: [4, 6, 7, 12, 26, 26, 56, 12, 42, 12, 29, 7, 2, 3, 1, 0, 8, 11, 1, 2, 3, 8, 5, 3, 4, 2, 0, 8, 2, 0, 2]
        },
        {
            name: '松原市城郊供电公司',
            type: 'line',
            stack: '总量',
            data: [6, 3, 13, 27, 45, 40, 23, 45, 35, 4, 25, 7, 1, 0, 2, 1, 1, 1, 0, 5, 0, 1, 0, 0, 0, 2, 2, 1, 3, 1]
        },
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>
   </body>
</html>
